<template>
  <div class="shuju">
    <router-view></router-view>
    <div class="uc-micro-list-wrap_content f-cb">
		<div class="uc-micro-list" id="j-micro-list">
	
		<!--Regular list-->
			<a class="uc-micro-list_aitem" href="//mooc.study.163.com/smartSpec/detail/1001319001.htm">
				<div class="uc-micro-list_item f-cb" data-log-act="click" data-log-data="{&quot;sceneLog&quot;:&quot;微专业列表&quot;,&quot;logType&quot;:&quot;microspec&quot;,&quot;itemName&quot;:&quot;深度学习工程师&quot;}">
					<img data-src="" alt="" class="uc-micro-list_img" src="//edu-image.nosdn.127.net/6872B50E8B0FFD8F77859526B8B0C4C0.jpg?imageView&amp;quality=100&amp;thumbnail=288y180" id="auto-id-1575595665519">
					<div class="uc-micro-list_right">
						<h2 class="uc-micro-list_title">深度学习工程师</h2>
						<h3 class="uc-micro-list_oneDesc">吴恩达给你的人工智能第一课</h3>
						<div class="uc-micro-list_courseNum">共5门课程</div>
					</div>
				</div>
			</a>
</div>
	</div>
  	</div>
</template>
<script>
export default {
   
}
</script>
<style>
.uc-micro-list-wrap_content {
    background-color: #fff;
    padding: 0.26667rem 0.32rem 0.8rem;
}
  .uc-micro-list_item {
    margin-bottom: 0.64rem;
    position: relative;
}
.uc-micro-list_img {
    float: left;
    width: 3.84rem;
    height: 2.4rem;
    margin-right: 0.26667rem;
    border-radius: 0.08rem;
}
.uc-micro-list_right {
    overflow: hidden;
}
.uc-micro-list_title {
    font-size: 0.42667rem;
    color: #333;
    line-height: 0.50667rem;
    font-weight: bold;
    word-break: break-all;
}
.uc-micro-list_oneDesc {
    margin-top: 0.16rem;
    color: #999;
    font-size: 0.32rem;
    line-height: 0.42667rem;
    max-height: 0.85333rem;
    word-break: break-all;
}
.uc-micro-list_courseNum {
    background-color: #f4f4f4;
    color: #666;
    padding: 0 0.21333rem;
    border-radius: 0.08rem;
    display: inline-block;
    position: absolute;
    bottom: -.8rem;
    left: 4.10667rem;
    line-height: 0.58667rem;
} 
</style>
